<template>
  <div>
    <p>主题色</p>
    <button @click="showThemeMenu()">主题色菜单</button>
    <theme-menu ref="themeMenuRef"></theme-menu>
  </div>
</template>
<script setup lang='ts'>
import { ref } from 'vue';
import ThemeMenu from '@/components/theme-menu.vue';

const themeMenuRef = ref<InstanceType<typeof ThemeMenu>>()

const showThemeMenu = () => {
  // if (themeMenuRef.value) themeMenuRef.value.showState(true)
}

</script>
<style lang="scss" scoped>
</style>